@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}
html,
body {
    width: 100%;
    height: 100%;
}

.indeWeb {
    width: 100%;
    height: 100%;
    position: relative;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng {
                //              width: 100%;
                //              height: 100%;
                font-size: r(30);
                color: white;
            }
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
                //              width: 100%;
                font-size: r(23);
                color: white;
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89);
        overflow-y: scroll;
        padding-bottom: r(65);
        .lunbo {
            width: 100%;
            padding-top: r(7);
            .poth {
                width: 100%;
                position: relative;
                img {
                    width: 100%;
                }
                .yinying {
                    width: 100%;
                    background: rgba(0, 0, 0, 0.8);
                    position: absolute;
                    padding-bottom: r(47);
                    bottom: 0;
                    left: 0;
                    p{  
                        width: r(590);
                        margin-left:r(25) ;
                        font-size: r(27);
                        color: #ffffff;
                    }
                    .first_title{
                        padding-top:r(23) ;
                        span{
                            background: #b20000;
                        }
                    }
                    
                }
            }
        }
        .clear {
            clear: both;
        }
        .tengxunbox{
            width: 100%;
            padding-bottom:r(30) ;
             .yige {
                width: r(583);
                margin: 0 auto;
                display: flex;
                justify-content:  space-around;
                padding-top: r(20);
                    .haitianguangao{
                        width: r(282);
                        height: r(343);
                        background: #f6f6f6;
                        img{
                            width: 100%;
                        }
                        p{
                            font-size: r(22);
                            color: black;
                            margin-left: r(3);
                            padding-top: r(15);
                            line-height: r(23);
                        }
                        .yingxiao{
                            width: 100%;
                            padding-top: r(15);
                            ul{
                                margin-left: r(7);
                                li{
                                    display: inline-block;
                                    vertical-align: middle;
                                }
                                .hongseyingxiao{
                                    width: r(88);
                                    height: r(27);
                                    border-radius: 5px;
                                    background: red;
                                    text-align: center;
                                    span{
                                        line-height: r(27);
                                        
                                        font-size: r(18);
                                        color: white;
                                        letter-spacing: 2px;
                                    }
                                }
                                .yingxiaotwo{
                                    margin-left: r(32);
                                    span{
                                        font-size: r(17);
                                        color: #c5c5c5;
                                        .icon-aixin{
                                            font-size: r(19);
                                            color: #c5c5c5;
                                        }
                                        .icon-yanjing2{
                                            font-size: r(15);
                                            clear: #c5c5c5;
                                            margin-left: r(15);
                                            margin-right: r(7);
                                        }
                                    }
                                }
                               
                            }
                        }
                       .renwu{
                                    width: 100%;
                                    padding-top: r(13);
                                    ul{
                                        margin-left: r(7);
                                        li{
                                            display: inline-block;
                                            vertical-align: middle;
                                            span{
                                                font-size: r(18);
                                                color: #d3d3d3;
                                            }
                                        }
                                        .poykuanguser{
                                            width: r(35);
                                            height: r(35);
                                            img{
                                                width: 100%;
                                                height: 100%;
                                            }
                                        }
                                    }
                                }
                    }
             }

        }
        .shenlue {
            border-top: 1px solid #d3d3d3;
            width: r(583);
            margin: 0 auto;
            text-align: center;
            padding: r(20) 0 r(30);
            margin-bottom: r(10);
            span {
                font-size: r(22);
                color: #cecece;
            }
        }
    }
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
}